<template>
	<view class="content page" id="article_page">
		<backTop v-if='toTop'></backTop>
		<status-bar title='团购玩法'></status-bar>
		
		<view class="article_c">
			<view class="main_title">
				<text class="thmeColor" :style="{'--color': color}">拼团活动规则</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">团长</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>团长是指该团第一位支付成功的人。团长购买拼团商品,完成支付后,团即刻开启。</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">邀请好友参团</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>团长开团后可以将团链接分享给好友,购买该商品的好友即为参团成员,参团成员也可以分享团链接邀请更多的成员参加;同一团里同一人只能出现一次。</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">拼团成功</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>开团24小时内达到规定的成团人数,即可拼团成功,系统给发货。</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">快速成团</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>系统会在拼团商品详情页不定时随机推荐尚未拼团成功的团,帮助团长和参团成员拼团,但不保障一定会推荐哦,为了及时买到超值好物,分享给好友一起拼最快捷哦。</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">拼团失败</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>团里的人数超过1人时,团里的订单不支持取消订单。团尚未拼成时,团长订单取消会导致整个团拼团失败。</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">邀新团</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>所有用户都可开团,仅限新用户参团;同一用户只能拼成1个邀新团。(同一用户是指根据用户登录或使用的抖音账号,平台根据其关联信息判断实际为同一用户,关联信息包括但不限于:同一手机号、同一支付账号、同一身份证号码或同一设备号。通过不正当手段多次购买此类商品的,网易考拉海购有权撤销相关交易订单)</text>
			</view>
			<view class="title">
				<view class="dot thmeBg" :style="{'--color': color}"></view>
				<text class="thmeColor" :style="{'--color': color}">差价</text>
			</view>
			<view class="info thmeColor" :style="{'--color': color}">
				<text>拼团用户需要通过“多人一起购买”才能享受拼团价,因此不支持给以非拼团价“单独购买”的用户补贴差价。</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				color: getApp().globalData.color,
				toTop: false,
				staticUrl: this.staticUrl
			}
		},
		onPageScroll(e) {
			if (e.scrollTop > 200) {
				this.toTop = true;
			} else {
				this.toTop = false
			}
		},
		onShareAppMessage(option) {
			let shareData = uni.getStorageSync('shareData');
			let vid = uni.getStorageSync('vid');
			return {
				title: shareData.title,
				desc: shareData.desc,
				path: '/pages/index/index?share_v_id=' + vid+'&pageType=99',
				imageUrl: shareData.imageUrl
			}
		},
		onShow(){
			
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 100%;
		min-height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #FFFFFF;
		.article_c{
			padding: 30upx;
			font-size: 28upx;
			.main_title{
				text-align: center;
				line-height: 100rpx;
				text{
					font-size: 38rpx;
					font-weight: bold;
				}
			}
			.title{
				margin-top: 20rpx;
				margin-bottom: 10rpx;
				text{
					font-size: 30rpx;
				}
				.dot{
					width: 8rpx;
					height: 8rpx;
					border-radius: 50%;
					display: inline-block;
					vertical-align: middle;
					margin-right: 12rpx;
				}
			}
			.info{
				padding-left: 20rpx;
				text{
					font-size: 26rpx;
					line-height: 45rpx;
					opacity: .65;
				}
			}
		}
	}
</style>
